<template>
  <my-div class="">
     <!-- <div class="head wrapper">
        <image @click="close" style="width:30px;height:30px;" src="root:img/share/close@2x.png"></image>
        <div>
           <text style="color:rgba(99,112,146,1);font-size:30px;">规则</text>
        </div>
      </div> -->
      <wraper class="invite-wraper">
         <div class="invite_algin">
            <div class="logo wraper">
              <image style="width:200px;height:120px;" src="root:img/logo@2x.png"></image>
            </div>
            <text style="color:#ffffff;font-size:30px;margin-top:80px;">{{'您的好友'+inviter}}</text>
            <text style="font-size:60px;color:#ffffff;margin-top:30px;">邀请您注册AXSwap网</text>
            <div class="invite-btn" @click="user_register">
                <text style="color:rgba(38,85,253,1);font-size:28px;text-align: center;line-height: 80px;">立即注册</text>
            </div>
            <div style="width:750px;height:480px;">
                <image style="width:750px;height:480px" src="root:img/share/invite@2x.png"></image>
            </div>
         </div>
      </wraper>
  </my-div>
</template>

<script>
export default {
  name: '',
  data() {
    return {
      inviter:''
    }
  },
  components: {},
  computed: {},
  watch: {},
  created() {
    this.inviter = this.$route.params.inviter || ''
  },
  mounted() {},
  methods: {
    user_register(){
      this.$router.push({path:'/h5/user_register.js',query:{inviter:this.inviter}})
    }
  }
}
</script>
<style scoped>
  .wrapper{
    display: flex;
    flex-direction: row;
  }
  .head{
    width: 750px;
    padding-left: 30px;
    padding-right: 30px;
    height: 100px;
    justify-content: space-between;
    align-items: center;
  }
  .invite-wraper{
    margin-top: 100px;
    background-color:rgba(38,85,253,1);
  }
  .logo{
    justify-content: center;
    margin-top: 216px;
  }
  .invite_algin{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .invite-btn{
    width: 410px;
    height: 80px;
    margin-top: 152px;
    border-radius: 10px;
    background-color: #ffffff;
  }
</style>